<template>

    <el-menu
      :default-active="this.$route.path"
      class="categories"
      default-active="1"
      @select="handleSelect"
      active-text-color="red"
      router>
      <el-menu-item index="/courseindex">
        <i class="el-icon-menu"></i>
        <span slot="title">课程计划</span>
      </el-menu-item>
      <el-menu-item index="/courseWork">
        <i class="el-icon-menu"></i>
        <span slot="title"> 作业详情 </span>
      </el-menu-item>
      <el-menu-item index="/casestudy">
        <i class="el-icon-menu"></i>
        <span slot="title"> 学习情况 </span>
      </el-menu-item>
    </el-menu>

</template>

<script>
  export default {
    name: 'SideMenu'
  }
</script>

<style scoped>
  .categories {
    float: left;
    top: 20px;
    width: 150px;
    margin-left: 10px;
  }
</style>
